{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}{{ 'Editar transportadora' if t.id else 'Nova transportadora' }}{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>{{ 'Editar transportadora' if t.id else 'Nova transportadora' }}</h1><p>Com CNPJ, use a lupa para preencher automaticamente.</p></div>
  <div class="acoes"><a class="btn" href="{{ url_for('transportadoras') }}">Voltar</a></div>
</div>
<form class="cartao" method="post" id="form-transp" data-avisar-saida>
  <div class="corpo"><div class="campos">
    <div class="c4"><label>CPF ou CNPJ</label>
      <div class="com-botao"><input name="documento" value="{{ t.documento|doc if t.documento else '' }}">
        <button class="btn" type="button" onclick="buscarCNPJ(this.form,'documento')">{{ icone('busca') }}</button></div></div>
    <div class="c8"><label>Nome / Razão social</label><input name="nome" value="{{ t.nome or '' }}" required maxlength="60"></div>
    <div class="c3"><label>Inscrição estadual</label><input name="ie" value="{{ t.ie or '' }}"></div>
    <div class="c3"><label>Placa do veículo <span class="opc">(opcional)</span></label><input name="placa" value="{{ t.placa or '' }}" maxlength="8"></div>
    <div class="c3"><label>Telefone</label><input name="fone" value="{{ t.fone or '' }}"></div>
    <div class="c3"><label>E-mail</label><input name="email" value="{{ t.email or '' }}"></div>
    <div class="c6"><label>Endereço</label><input name="endereco" value="{{ t.endereco or '' }}" maxlength="60"></div>
    <div class="c2"><label>UF</label><select name="uf"><option value=""></option>{% for uf in UFS %}<option {{ 'selected' if t.uf == uf }}>{{ uf }}</option>{% endfor %}</select></div>
    <div class="c4"><label>Município</label><input name="municipio" value="{{ t.municipio or '' }}"></div>
    <input type="hidden" name="logradouro"><input type="hidden" name="numero">
  </div></div>
  <div class="rodape-form"><a class="btn" href="{{ url_for('transportadoras') }}">Cancelar</a><button class="btn prim">Salvar transportadora</button></div>
</form>
{% endblock %}
{% block scripts %}
<script>
const ft = $('#form-transp');
ligarUfMunicipio(ft.uf, ft.municipio, 'lista-mun-transp');
// a busca de CNPJ preenche "logradouro" e "numero"; junta no campo de endereço
const juntarEndereco = () => {
  if (ft.logradouro.value) ft.endereco.value = [ft.logradouro.value, ft.numero.value].filter(Boolean).join(', ');
};
ft.logradouro.addEventListener('change', juntarEndereco);
ft.numero.addEventListener('change', juntarEndereco);
</script>
{% endblock %}